:root {
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code,pre{
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html[class='dark'] {

  ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: transparent;
      border-radius: 6px;
  }
  ::scrollbar {
      width: 6px;
      height: 6px;
      background-color: transparent;
      border-radius: 6px;
  }
  ::-webkit-scrollbar:hover {
      background-color: #333333;
  }
  ::scrollbar:hover {
      background-color: #333333;
  }
  ::-webkit-scrollbar-thumb {
      background-color: #b1b1b1;
      border-radius: 6px;
  }
  ::-webkit-scrollbar-thumb:hover {
      background-color: #8c8c8c;
  }
  ::-webkit-scrollbar-track {
      border-radius: 6px;
  }
  ::-webkit-scrollbar-button {
      display: none;
  }

}

html {

  ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: transparent;
      border-radius: 6px;
  }
  ::scrollbar {
      width: 6px;
      height: 6px;
      background-color: transparent;
      border-radius: 6px;
  }
  ::-webkit-scrollbar:hover {
      background-color: #f5f5f5;
  }
  ::scrollbar:hover {
      background-color: #f5f5f5;
  }
  ::-webkit-scrollbar-thumb {
      background-color: #c6c6c6;
      border-radius: 6px;
  }
  ::-webkit-scrollbar-thumb:hover {
      background-color: #a0a0a0;
  }
  ::-webkit-scrollbar-track {
      border-radius: 6px;
  }
  ::-webkit-scrollbar-button {
      display: none;
  }

}


.font-jersey{
  font-family:'Jersey 10'
}